<template>
  <h2>bottom-50,top-100,终止间隔取较大的100</h2>
  <div>
   <div class="box1"></div>
  </div>
  <div>
   <div  class="box2"></div>
  </div>
  <h2>通过(overflow: hidden)触发BFC,让间隔到150</h2>
  <div style="overflow: hidden;">
   <div class="box1"></div>
  </div>
  <div>
   <div  class="box2"></div>
  </div>
</template>

<script lang="ts" setup>
</script>
<style lang="scss" scoped>
.box1{
  width: 100px;
  height: 100px;
  background: red;
  margin-bottom: 50px;
}
.box2{
  width: 100px;
  height: 100px;
  background: red;
  margin-top: 100px;
}
</style>